.fees {
  @apply text-white px-5 pb-14 pt-16 rounded-2xl text-center relative;
  background-image: linear-gradient(45deg, #813bfb, #3f68fe);
  box-shadow: 0 5px 20px rgba(37, 12, 171, 0.3);

  .icon {
    @apply text-5xl mb-4 opacity-75;
    > svg {
      @apply mx-auto;
    }
  }

  .name {
    @apply mb-1 font-light text-xs opacity-70;
  }

  .total {
    @apply text-xl;
  }

  &::after {
    content: '';
    @apply absolute rounded-b-2xl top-0 h-7;
    width: 70%;
    left: 15%;
    z-index: 1;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.07);
    background-image: linear-gradient(to top, #e4e4fd, #dfe5fc);
  }
}